// ================= 发送请求获取用户信息 =================

// axios.get(url, config)

// 由于该请求需要复用，所以使用函数封装起来
getUserInfo()
function getUserInfo() {
    axios
        .get('/my/userinfo', {
            // 配置
            // 请求头 headers
            /* headers: {
      // Authorization: token的值,
      Authorization: localStorage.getItem("token"),
    }, */
        })
        .then((res) => {
            // console.log("then回调中拿到的响应数据 ", res);

            /* // 做个判断 ==> 优化控制用户的访问权限
    if (res.data.status === 1 && res.data.message === "身份认证失败！") {
      // 就需要让用户回到登录页面中，重新登录进来
      location.href = "/login.html";
    } */

            // 处理头像和昵称 ==> 渲染展示到页面中

            // 名字 优先展示nickname，如果没有nickname才显示username
            let name = res.data.data.nickname || res.data.data.username
            // console.log(name);

            // return;
            // 头像
            //  要显示img（图片头像）还是文字头像，取决于 服务器响应回来数据的 user_pic
            if (res.data.data.user_pic) {
                // if成立说明有user_pic的值，图片头像
                $('.avatar').attr('src', res.data.data.user_pic).show()

                // 文字头像隐藏掉
                $('.text-avatar-box').hide()
            } else {
                // 没有user_pic的值，显示文字头像
                $('.text-avatar-box').show()
                $('.text-avatar').text(name[0].toUpperCase())

                // 图片头像 隐藏掉
                $('.avatar').hide()
            }

            // 欢迎谁
            $('#welcome').text('欢迎 ' + name)
        })
}

// ================= 退出功能 =================
let layer = layui.layer
$('#btnLogout').on('click', function () {
    layer.confirm(
        '确认退出登录吗?',
        { icon: 3, title: '提示' },
        function (index) {
            // 点击确认的时候就会执行该函数

            // 确认退出，做啥事情 ==> 就是和登录做的事情反过来的
            // 1. 把token给清除掉
            // 2. 跳转到登录页面

            // 1.
            localStorage.removeItem('token')

            // 2.
            location.href = './login.html'

            // 关闭该弹出层
            layer.close(index)
        }
    )
})
